<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            border: 0;
        }
        #all{
            width: 1080px;
            height: 2088px;
            background-image: url("./img/123.jpg");
            margin: 0 auto;
        }
        #bt{
            width: 1080px;
            height: 150px;
            background-color: black;
            float: left;
        }
        #bt img{
            width: 150px;
            height: 150px;
            margin: 0 10px;
            float: left;
        }
        #bt h1{
            color: white;
            font-size: 48px;
            font-family: "黑体";
            margin:55px 150px;
        }
        #main{
            width: 1080px;
            height: 900px;
            margin: 0 auto;
        }
        #main img{
            width: 260px;
            height: 375px;
            margin: 100px 50px;
            border: 3px solid #FFF;
            float: left;
        }
        #main ul{
            list-style: none;
        }
        #main ul li.a1{
            font-family: "黑体";
            color: white;
            font-size: 50px;
            margin: 0 20px;
        }
        #main ul li.a2{
            font-family: "黑体";
            color: white;
            font-size: 30px;
            margin: 0 20px;
        }
        #main ul li.a3{
            font-family: "黑体";
            color: black;
            font-size: 30px;
            margin: 0 20px;
        }
        #main ul li.a4{
            font-family: "黑体";
            color:coral;
            font-size: 30px;
            margin: 0 20px;
        }
        #main1{
            width: 1080px;
            height: 114px;
            margin: -40px auto;
            float: left;
        }
        #main1 img.b1{
            width: 470px;
            height: 114px;
            margin: 0 auto 0 30px;
            float: left;
        }
        #main1 img.b2{
            width: 470px;
            height: 114px;
            margin: 0 60px 0 auto;
            float: right;
        }
        #main2{
            width: 1080px;
            height: 500px;
            margin: 0 auto;
            float: left;
        }
        #main2 h1{
            color: black;
            font-size: 48px;
            font-family: "黑体";
            margin: 150px 180px;
        }
        #main3 h2{
            color: black;
            font-size: 48px;
            font-family: "黑体";
            margin: 0 40px 0 40px;
        }
        #main3 h2 span{
            font-size: 48px;
            font-family: "黑体";
            color: deepskyblue;
        }
        #main4{
            width: 1080px;
            height: 400px;
        }
        #main4 h3{
            color: black;
            font-size: 48px;
            font-family: "黑体";
            margin: 100px 50px;
        }
        #main4 img.b3{
            width: 260px;
            height: 380px;
            margin: 0 2px;
            float: left;
        }
        #main5{
            width: 1080px;
            height: 100px;
            background-color: indianred;
            float: left;
        }
        #main5 h4{
            color: white;
            font-size: 48px;
            font-family: "黑体";
            text-align: center;
            margin: 25px auto;
        }
</style>
</head>
<body>
<div id="all">
        <div id="bt">
            <img src="img/未标题-3.jpg"/>
            <h1>影片详情&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分享</h1>
        </div>
    <div id="main">
                <img src="img/t01f9de546a4db6d7bd.jpg"/>
                    <ul>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                        <li class="a1">断片之险途夺宝</li>
                        <li class="a2">The Morning After</li>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                        <li class="a3">喜剧/冒险/中国大陆/95分钟</li>
                        <li>&nbsp;</li>
                        <li class="a3">2018-12-29 08:00 中国大陆上映</li>
                        <li>&nbsp;</li>
                        <li class="a4">9.5万人想看</li>
                    </ul>
        <div id="main1">
                    <img class="b1" src="img/未标题-1.jpg"/>
                    <img class="b2" src="img/未标题-2.jpg"/>
        </div>
    <div id="main2">
            <h1><u>简介</u>&nbsp;&nbsp;&nbsp;&nbsp;影评&nbsp;&nbsp;&nbsp;&nbsp;讨论
                    &nbsp;&nbsp;&nbsp;&nbsp;更多</h1>
            <div id="main3">
                    <h2>卖鱼大叔牙叔(葛优饰)、海豚训练员阿乐(岳云鹏饰)和海洋馆保安治国
                        (杜淳饰)因生活的不顺聚在海洋馆喝酒，在一场大醉之后把<span>展开</span></h2>
                    <div id="main4">
                        <h3>演职人员</h3>
                        <img class="b3" src="img/t01db90825d0507df00.jpg"/>
                        <img class="b3" src="img/t017f2d9d0037114b88.jpg"/>
                        <img class="b3" src="img/t01b467d99319667df8.jpg"/>
                        <img class="b3" src="img/t01fc1f75e14e82a5a2.jpg"/>
                    </div>
            <div id="main5">
                <h4>选座购票</h4>
                    </div>
            </div>
    </div>            
</div>
</body>
</html>